body.dark-mode {
        background-color: #1a1a2e;
            color: #e6e6ff;
}

.dark-mode header {
        border-bottom: 1px solid #2d3746;
}

.dark-mode .category-card {
        background: #16213e;
            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
                color: #e6e6ff;
}

.dark-mode h1, .dark-mode h2 {
        color: #4cc9f0;
}

.dark-mode a {
        color: #4cc9f0;
}

.dark-mode a:hover {
        background: rgba(76, 201, 240, 0.15);
}

.dark-mode footer {
        border-top: 1px solid #2d3746;
            color: #a0aec0;
}
}
}
}
}
}
}
}